﻿/*Layout General=================================================================================*/
@font-face {
    font-family: 'custom-font';
    src: url('font/abeezee-regular-webfont.eot');
    src: url('font/abeezee-regular-webfont.eot?#iefix') format('embedded-opentype'), url('font/abeezee-regular-webfont.woff') format('woff'), url('font/abeezee-regular-webfont.ttf') format('truetype'), url('font/abeezee-regular-webfont.svg#webfont') format('svg');
}

body, html {
    font-family: 'font-custom';
}

.row, .col {
    overflow: hidden;
}

input[type=text], input[type=password], input[type=number] {
    border-radius: 10px;
    padding: 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    vertical-align: middle;
    color: rgb(117, 72, 2);
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0;
}

* {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -ms-overflow-style:none;
}
*::-webkit-scrollbar {width:0 !important}
/*Color for datetimepicker icon*/
.add-on {
    color: rgb(117, 72, 2);
}

    *:focus {
        outline: 0;
    }

Button {
    border: none;
    background: none;
}
/*use for dialogs titles*/
h4 {
    margin: 0;
    color: rgb(255, 201, 28);
    font-weight: bold;
    overflow: hidden;
    max-width: 500px;
    text-overflow: ellipsis;
}

h5 {
    margin-left: 0px;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 5px;
    color: rgb(255, 201, 28);
    font-size: 14px;
    font-weight: normal;
}

h3 {
    margin-top: 0px;
    margin-bottom: 10px;
}

textarea {
    width: 310px;
    height: 190px;
    border-radius: 5px;
    border-color: grey;
    max-width: 450px;
    max-height: 190px;
}
.textarea-medium {
    width: 310px;
    height: 140px;
    max-width: 450px;
    max-height: 190px;
}
.textarea-fullwidth {
    width:100%;
    max-width:700px;
}
/*Unchecked radio*/
input[type='radio'] {
    display: none;
}
/*=====================================================================================================*/
/*Einrichtung ComboBox=================================================================================*/
.branchInfo select {
    height: 100%;
    color: white;
    text-align: center;
    line-height: 30px;
    outline: none;
    border: 1px solid rgb(57, 57, 57);
    border-radius: 10px;
    font-size: 17px;
    font-weight: bold;
    background-image: linear-gradient(bottom, rgb(74,72,72) 41%, rgb(204,200,203) 82%);
    background-image: -o-linear-gradient(bottom, rgb(74,72,72) 41%, rgb(204,200,203) 82%);
    background-image: -moz-linear-gradient(bottom, rgb(74,72,72) 41%, rgb(204,200,203) 82%);
    background-image: -webkit-linear-gradient(bottom, rgb(74,72,72) 41%, rgb(204,200,203) 82%);
    background-image: -ms-linear-gradient(bottom, rgb(74,72,72) 41%, rgb(204,200,203) 82%);
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

select::-ms-expand {
    display: none;
}

select option {
    background: black;
    color: #fff;
}
/*=====================================================================================================*/
/*Main Toolbar + statusBar==============================================================================*/
.header-bar {
    padding-top: 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    background-image: linear-gradient(bottom, rgb(28,28,28) 30%, rgb(143,143,143) 100%);
    background-image: -o-linear-gradient(bottom, rgb(28,28,28) 30%, rgb(143,143,143) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(28,28,28) 30%, rgb(143,143,143) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(28,28,28) 30%, rgb(143,143,143) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(28,28,28) 30%, rgb(143,143,143) 100%);
}

#status-bar {
    padding-top: 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    line-height: 1;
    color: gray;
    background: black;
    text-align: right;
    padding-right: 5%;
    font-weight: bold;
}

.connection-cloud {
    position: absolute;
    right: 10px;
    top: 2px;
}

.cloudoffline {
    color: rgb(187, 30, 0)
}

#progressbar {
    background-color: orange;
    height: 20px;
    position: absolute;
    width: 0%;
    max-width: 100%;
    top: 0px;
    display: none;
    z-index:6;
}

#progressbar-info {
    position: fixed;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    text-align: center;
    color: white;
    font-weight: bold;
}

.selectedClientBorder {
    border: 2px solid white;
    border-radius: 50%;
}

.selectedClientImg {
    border-radius: 50%;
}

.selectedClientInfo {
    color: rgb(255, 201, 28);
    font-size: 20px;
    line-height: 35px;
    padding-left: 10px;
    font-weight: 700;
    float: left;

    text-overflow: ellipsis;
    max-width: 540px;
    white-space: nowrap;
    overflow: hidden;
}

.redCross {
    position: relative;
    color: red;
    margin-left: 10px;
    top: 5px;
    z-index: 4;
}

.allergySlidingPanel {
    position: absolute;
    width: 200px;
    height: 300px;
    top: 40px;
    overflow: hidden;
    pointer-events: none;
}

.patientBarControlAllergyDetails {
    width: 100%;
    height: 100%;
    /*must override fonte-awesome, walk-around for sliding panel positioning and red cross position*/
    font-size: 16px;
    font-family: calibri;
    color: white;
    overflow: hidden;
}
.alergy-wrapper {
    height:100%;
}

.patientBarControlAllergyDetails > .overflowIndicator {
    right:0px !important;
}

    .patientBarControlAllergyDetails li {
        border-bottom: 1px solid lightgray;
    }

#controlButtons button {
    border: 1px solid black;
    border-radius: 5px;
    background-image: linear-gradient(bottom, rgb(74,72,72) 41%, rgb(204,200,203) 82%);
    background-image: -o-linear-gradient(bottom, rgb(74,72,72) 41%, rgb(204,200,203) 82%);
    background-image: -moz-linear-gradient(bottom, rgb(74,72,72) 41%, rgb(204,200,203) 82%);
    background-image: -webkit-linear-gradient(bottom, rgb(74,72,72) 41%, rgb(204,200,203) 82%);
    background-image: -ms-linear-gradient(bottom, rgb(74,72,72) 41%, rgb(204,200,203) 82%);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

    #controlButtons button:disabled, #controlButtons button.disabled {
        color: darkgrey;
    }
/*=====================================================================================================*/
/*Content==============================================================================================*/

#body-content {
    background-color: white;
    border-radius: 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.page {
    background: white;
    border: 1px solid lightgrey;
    border-radius: 10px;
    padding: 8px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

/*=====================================================================================================*/
/*Navigation sidebar===================================================================================*/

#navigation-sidebar {
    overflow-y: scroll;
    background-color: rgb(57, 57, 57);
}

#nav img {
    text-decoration: none;
    border: 0px;
}

#nav a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/*Remove from inputs (causes errors)===============================================*/
::-ms-clear {
    display: none;
}

/*NOTIFICATIONS====================================================================*/
.mandantList {
    max-height:190px;
}
.notifTab {
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    border-spacing: 20px;
    display: block;
    height:230px;
}

.notifAbout {
    padding: 0;
}

.notifLi {
    color: rgb(117, 72, 2);
    font-weight: bold;
}

.tab-footer {
    margin-top:20px;
}

.boxy-content .login-form tr
{
    height:55px;
}

.licenses {
   max-height:410px;
}

.licenses h3 {
    margin-bottom:0px;
}

#pinChange {
    height:225px
}

#Update
{
    text-align:center;
}

.btn-orange-big {
    text-align: center;
    width: 80px;
    height: 80px;
    border-radius: 5px;
    color: white;
    border: 2px rgb(131, 106, 52) solid;
    cursor: pointer;
    vertical-align:middle;
    font-size: 60px;
    margin-right:15px;
    background-image: linear-gradient(bottom, rgb(242,120,12) 44%, rgb(255,213,0) 72%, rgb(255,224,130) 86%);
    background-image: -o-linear-gradient(bottom, rgb(242,120,12) 44%, rgb(255,213,0) 72%, rgb(255,224,130) 86%);
    background-image: -moz-linear-gradient(bottom, rgb(242,120,12) 44%, rgb(255,213,0) 72%, rgb(255,224,130) 86%);
    background-image: -webkit-linear-gradient(bottom, rgb(242,120,12) 44%, rgb(255,213,0) 72%, rgb(255,224,130) 86%);
    background-image: -ms-linear-gradient(bottom, rgb(242,120,12) 44%, rgb(255,213,0) 72%, rgb(255,224,130) 86%);
}